<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>第一个页面</title>
    </head>
    <body bgcolor="#adff2f">
        <!--
            这是注释，单行或多行注释都可以
            注释不能有嵌套
        -->

        <!-- 独占一整行 -->
        <p>你好</p>
        <p>我不好</p>

        <!-- 根据实际的大小占实际的位置 -->
        <span>你好</span>
        <span>
            <!-- b是加粗，i是斜体，u是下划线 -->
            <b>
                <i>
                    <u>
                        我不好
                    </u>
                </i>
            </b>
        </span>

        <!-- sup是上角标，sub是下角标 -->
        <p>100<sup>2</sup></p>
        <p>100<sub>2</sub></p>

        <!-- 添加图像 -->
        <h1><font color="#ffd700">图像</font></h1>

        <b>插入图像</b>
        <span>
            <img align="right" src="../pic/7.jpg" alt="这是一个帅哥" width="200px" height="100px" border="2px"/>
        </span>

        <br/>

        <!-- 超链接   1.本页面的其他位置    2.其他页   3.其他页面的固定位置 -->
        <a href="#first">第一个标题</a>

        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>

        <!-- 如果跳转到某个页面的具体位置，必须使用a标签 根据name属性值进行跳转-->
        <a name="first">第一个标题的内容</a>
        <p>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</p>


        <a href="Demo2_second.html" target="_blank">跳转到第二个页面</a>
        <a href="Demo2_second.html#second" target="_blank">跳转到第二个页面的second</a>

        <iframe src="Demo3_footer.html"></iframe>

    </body>
</html>